html,body{width: 100%;font-size:16px;}
*{ margin:0; padding:0;}
em{ font-style:normal;font-weight: normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}


.s_width{ width:1280px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}

/*header*/
@media only screen and (min-width:767px){ 
.about{ width:100%;margin: 40px 0 80px 0; position:relative; height:590px;}
.about .about_l{ width:45%; height:590px;position:absolute; left:5%;}
.about .about_l .about_img{ width:100%;height:100%;position:absolute; z-index:1; overflow:hidden;}
.about .about_l .about_img img{ width:100%; height:100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.about .about_l .about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.about .about_l .about_l_cont{ width:100px; height:100px; background:#ff7300; text-align:center; position:absolute; z-index:2; bottom:0; left:0; line-height:90px;}
.about .about_l .about_l_cont em{ color:#fff; font-size:80px; display:block;}

.about .about_r{ width:51%; background:#f2f5f8; position:absolute; right:0; height:590px; padding:50px 60px;}
.about .about_r h2{font-size: 72px;color: #31af9a;font-family: impact;margin: 20px 0 19px 0;line-height: 1;}
.about .about_r p{ font-size:16px; line-height:28px; color:#666;}
.about .about_r p span{ color:#000;font-size:35px; display:block; line-height:50px; padding-bottom:20px;}

.about .about_r .about_more{ width:100px; height:30px; background:#ff7300; text-align:center; line-height:30px; margin-top:80px;}
.about .about_r .about_more a{ color:#fff;}


.case{ width:100%; height:600px; overflow:hidden; position:relative;}
.case .case_cont{ width:45%; position:absolute; right:7%; top:0; background:#fff; z-index:2}
.case .case_cont .case_head{ width:100%; height:230px; background:#31af9a; padding:30px 0 0 45px;}
.case .case_cont .case_head h2{ color:#fff; font-size:50px;font-family: impact; line-height:60px;}
.case .case_cont .case_head .tit{ font-size:30px; color:#fff; padding-top:10px;}
.case .case_cont .case_body{ padding:33px 45px 50px 45px;}
.case .case_cont .case_body h4{ font-size:35px; font-weight:normal; color:#333;}
.case .case_cont .case_body p{ font-size:16px; line-height:31px; color:#333; margin-top:30px; margin-bottom:150px;}

.case .case_cont .case_more{ width:150px; position:absolute; z-index:3; left:100px; bottom:83px;}
.case .case_cont .case_more .case_l{ width:14px; height:25px; background:url(../images/left.png) no-repeat center top; position:absolute; left:0;}
.case .case_cont .case_more .case_l:hover{background:url(../images/left-h.png) no-repeat center top}
.case .case_cont .case_more .case_r{ width:14px; height:25px; background:url(../images/right.png) no-repeat center top; position:absolute; right:0;}
.case .case_cont .case_more .case_r:hover{background:url(../images/right-h.png) no-repeat center top}

.case .case_cont .case_shuzi{ width:150px; position:absolute; right:0; bottom:40px;  z-index:3; font-size:40px;font-family: impact; }
.case .case_cont .case_shuzi span{ color:#ff7202}


.case .case_img{ width:100%; height:727px; overflow:hidden; position:absolute; z-index:1; top:0px;}
.case .case_img img{ width:100%;}

}

@media only screen and (min-width:1199px){ 
.about{ width:100%;margin: 50px 0 80px 0; position:relative; height:590px;}
.about .about_l{ width:45%; height:590px;position:absolute; left:5%;}
.about .about_l .about_img{ width:100%;height:100%;position:absolute; z-index:1; overflow:hidden;}
.about .about_l .about_img img{ width:100%; height:100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.about .about_l .about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.about .about_l .about_l_cont{ width:100px; height:100px; background:#ff7300; text-align:center; position:absolute; z-index:2; bottom:0; left:0; line-height:90px;}
.about .about_l .about_l_cont em{ color:#fff; font-size:80px; display:block;}

.about .about_r{ width:51%; background:#f2f5f8; position:absolute; right:0; height:590px; padding:50px 60px;}
.about .about_r h2{font-size: 72px;color: #31af9a;font-family: impact;margin: 20px 0 19px 0;line-height: 1;}
.about .about_r p{ font-size:16px; line-height:28px; color:#666;}
.about .about_r p span{ color:#000;font-size:35px; display:block; line-height:50px; padding-bottom:20px;}

.about .about_r .about_more{ width:100px; height:30px; background:#ff7300; text-align:center; line-height:30px; margin-top:80px;}
.about .about_r .about_more a{ color:#fff;}


.news{width:90%; margin:80px auto; height:490px; position:relative;}
.news .news_l{ width:10%; position:absolute; z-index:1; top:0; left:0;}
.news .news_l h2{color:#31af9a; font-size:50px;font-family: impact; line-height:56px;text-transform: uppercase;}
.news .news_l .tit{ font-size:25px; color:#000; padding-top:10px;}
.news .news_l ul{ margin-top:50px;}
.news .news_l li{width: 290px;height:45px;display: flex;justify-content: center;align-items: center;margin: 0 0 15px;background: #e5e5e5;color: #333;font-size: 20px;transition: 0.3s;}

.news .news_m{ width:28%; position:absolute; z-index:1; top:0; left:24%;}
.news .news_m img{ width:100%;}

.news .news_r{ width:46%; position:absolute; right:0%;}
.news .news_r li{ border-bottom: 1px dashed #e4e4e4; overflow:hidden; padding:20px 0;}
.news .news_r li:last-child{ border-bottom:0px;}
.news .news_r .news_text{ width:380px; float:left; margin-left:20px;}
.news .news_r .news_text .news_title a{ font-size:18px; color:#222121;}
.news .news_r .news_text p{ font-size:12px; padding-top:10px; color:#999999; line-height:18px;}

.news .news_r .news_date{ width:110px; float:right; }
.news .news_r .news_date em{ font-size:22px; color:#000; text-align:center; display:block;}
.news .news_r .news_date p{ background:url(../images/index-date.png) no-repeat center top; font-size:14px; color:#fff; width:108px; height:33px; line-height:33px; text-align:center;}

.case{ width:100%; height:600px; overflow:hidden; position:relative;}
.case .case_cont{ width:45%; position:absolute; right:7%; top:0; background:#fff; z-index:2}
.case .case_cont .case_head{ width:100%; height:230px; background:#31af9a; padding:30px 0 0 100px;}
.case .case_cont .case_head h2{ color:#fff; font-size:60px;font-family: impact; line-height:70px;}
.case .case_cont .case_head .tit{ font-size:30px; color:#fff; padding-top:10px;}
.case .case_cont .case_body{ padding:55px 45px 50px 45px;}
.case .case_cont .case_body h4{ font-size:35px; font-weight:normal; color:#333;}
.case .case_cont .case_body p{ font-size:16px; line-height:31px; color:#333; margin-top:30px; margin-bottom:150px;}

.case .case_cont .case_more{ width:150px; position:absolute; z-index:3; left:100px; bottom:83px;}
.case .case_cont .case_more .case_l{ width:14px; height:25px; background:url(../images/left.png) no-repeat center top; position:absolute; left:0;}
.case .case_cont .case_more .case_l:hover{background:url(../images/left-h.png) no-repeat center top}
.case .case_cont .case_more .case_r{ width:14px; height:25px; background:url(../images/right.png) no-repeat center top; position:absolute; right:0;}
.case .case_cont .case_more .case_r:hover{background:url(../images/right-h.png) no-repeat center top}

.case .case_cont .case_shuzi{ width:150px; position:absolute; right:0; bottom:40px;  z-index:3; font-size:40px;font-family: impact; }
.case .case_cont .case_shuzi span{ color:#ff7202}


.case .case_img{ width:100%; height:727px; overflow:hidden; position:absolute; z-index:1; top:0px;}
.case .case_img img{ width:100%;}




.footer{ width:100%; background:#31af9a;}
.footer .footer_body{ width:90%; margin:0 auto;}
.footer .footer_l{ width:21%; float:left; color:#fff; padding:70px 20px 70px 0;}
.footer .footer_l h2{ font-size:19px; line-height:40px;}
.footer .footer_l p{ font-size:16px; line-height:28px; margin-top:30px;}

.footer .footer_m{ width:58%; float:left; color:#fff; padding:70px 0 70px 45px; border-right:1px solid #3eb7a3; border-left:1px solid #3eb7a3;}
.footer .footer_m h2{ font-size:24px; line-height:40px;border-bottom:1px solid #3eb7a3; width:300px; margin-bottom:30px;}
.footer .footer_m h2 span{font-family: impact;text-transform: uppercase; padding-left:10px;}
.footer .footer_m p{ font-size:15px; line-height:28px; margin-top:20px;}
.footer .footer_m .end_nav_a{ width:160px;}
.footer .footer_m .end_nav_a h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_a li{ font-size:14px; line-height:28px}
.footer .footer_m .end_nav_a li a{ color:#fff;}
.footer .footer_m .end_nav_a li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_b{ width:150px;}
.footer .footer_m .end_nav_b h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_b li{ font-size:14px; line-height:28px}
.footer .footer_m .end_nav_b li a{ color:#fff;}
.footer .footer_m .end_nav_b li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_c{ width:150px;}
.footer .footer_m .end_nav_c h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_c li{ font-size:14px; line-height:28px}
.footer .footer_m .end_nav_c li a{ color:#fff;}
.footer .footer_m .end_nav_c li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_d{ width:180px;}
.footer .footer_m .end_nav_d h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_d li{ font-size:14px; line-height:28px}
.footer .footer_m .end_nav_d li a{ color:#fff;}
.footer .footer_m .end_nav_d li a:hover{ font-weight:bold;}

.footer .footer_r{ width:21%; float:left; color:#fff; padding:70px 0px 70px 45px;}
.footer .footer_r h2{font-size:24px; line-height:40px;margin-bottom:43px; }
.footer .footer_r li{ width:45%; float:left; margin-right:5%;}
.footer .footer_r li img{ width:100px; height:100px;}
.footer .footer_r li em{ display:block; font-size:16px; text-align:center; line-height:28px;}

.copyright{width:100%; background:#31af9a;border-top:1px solid #3eb7a3;}
.copyright .s_width{ line-height:50px; text-align:center; color:#fff; font-size:16px;}


}



@media only screen and (min-width:1440px){ 


.about{ width:100%;margin: 50px 0 50px 0; position:relative; height:500px;}
.about .about_l{ width:45%; height:500px;position:absolute; left:5%;}
.about .about_l .about_img{ width:100%;height:100%;position:absolute; z-index:1; overflow:hidden;}
.about .about_l .about_img img{ width:100%; height:100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.about .about_l .about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.about .about_l .about_l_cont{ width:100px; height:100px; background:#ff7300; text-align:center; position:absolute; z-index:2; bottom:0; left:0; line-height:90px;}
.about .about_l .about_l_cont em{ color:#fff; font-size:80px; display:block;}

.about .about_r{ width:51%; background:#f2f5f8; position:absolute; right:0; height:500px; padding:30px 60px;}
.about .about_r h2{font-size: 72px;color: #31af9a;font-family: impact;margin: 20px 0 19px 0;line-height: 1;}
.about .about_r p{ font-size:16px; line-height:28px; color:#666;}
.about .about_r p span{ color:#000;font-size:35px; display:block; line-height:50px; padding-bottom:20px;}

.about .about_r .about_more{ width:100px; height:30px; background:#ff7300; text-align:center; line-height:30px; margin-top:35px;}
.about .about_r .about_more a{ color:#fff;}


.news{width:90%; margin:80px auto; height:600px; position:relative;}
.news .news_l{ width:15%%; position:absolute; z-index:1; top:0; left:0;}
.news .news_l h2{color:#31af9a; font-size:65px;font-family: impact; line-height:70px;text-transform: uppercase;}
.news .news_l .tit{ font-size:35px; color:#000; padding-top:10px;}
.news .news_l ul{ margin-top:50px;}
.news .news_l li{width: 290px;height:65px;display: flex;justify-content: center;align-items: center;margin: 0 0 15px;background: #e5e5e5;color: #333;font-size: 24px;transition: 0.3s;}

.news .news_m{ width:28%; position:absolute; z-index:1; top:0; left:24%;}
.news .news_m img{ width:100%;}

.news .news_r{ width:46%; position:absolute; right:0%;}
.news .news_r li{ border-bottom: 1px dashed #e4e4e4; overflow:hidden; padding:20px 0;}
.news .news_r li:last-child{ border-bottom:0px;}
.news .news_r .news_text{ width:420px; float:left; margin-left:20px;}
.news .news_r .news_text .news_title a{ font-size:20px; color:#222121;}
.news .news_r .news_text p{ font-size:13px; padding-top:15px; color:#999999; line-height:21px;}

.news .news_r .news_date{ width:110px; float:right; }
.news .news_r .news_date em{ font-size:22px; color:#000; text-align:center; display:block;}
.news .news_r .news_date p{ background:url(../images/index-date.png) no-repeat center top; font-size:14px; color:#fff; width:108px; height:33px; line-height:33px; text-align:center;}


.case{ width:100%; height:650px; overflow:hidden; position:relative;}
.case .case_cont{ width:45%; position:absolute; right:7%; top:0; background:#fff; z-index:2}
.case .case_cont .case_head{ width:100%; height:230px; background:#31af9a; padding:30px 0 0 100px;}
.case .case_cont .case_head h2{ color:#fff; font-size:60px;font-family: impact; line-height:70px;}
.case .case_cont .case_head .tit{ font-size:30px; color:#fff; padding-top:10px;}
.case .case_cont .case_body{ padding:55px 45px 50px 45px;}
.case .case_cont .case_body h4{ font-size:35px; font-weight:normal; color:#333;}
.case .case_cont .case_body p{ font-size:16px; line-height:31px; color:#333; margin-top:30px; margin-bottom:150px;}

.case .case_cont .case_more{ width:150px; position:absolute; z-index:3; left:100px; bottom:83px;}
.case .case_cont .case_more .case_l{ width:14px; height:25px; background:url(../images/left.png) no-repeat center top; position:absolute; left:0;}
.case .case_cont .case_more .case_l:hover{background:url(../images/left-h.png) no-repeat center top}
.case .case_cont .case_more .case_r{ width:14px; height:25px; background:url(../images/right.png) no-repeat center top; position:absolute; right:0;}
.case .case_cont .case_more .case_r:hover{background:url(../images/right-h.png) no-repeat center top}

.case .case_cont .case_shuzi{ width:150px; position:absolute; right:0; bottom:40px;  z-index:3; font-size:40px;font-family: impact; }
.case .case_cont .case_shuzi span{ color:#ff7202}


.case .case_img{ width:100%; height:727px; overflow:hidden; position:absolute; z-index:1; top:0px;}
.case .case_img img{ width:100%;}





.footer{ width:100%; background:#31af9a;}
.footer .footer_body{ width:90%; margin:0 auto;}
.footer .footer_l{ width:21%; float:left; color:#fff; padding:70px 20px 70px 0;}
.footer .footer_l h2{ font-size:21px; line-height:40px;}
.footer .footer_l p{ font-size:16px; line-height:28px; margin-top:30px;}

.footer .footer_m{ width:56%; float:left; color:#fff; padding:70px 0 70px 45px; border-right:1px solid #3eb7a3; border-left:1px solid #3eb7a3;}
.footer .footer_m h2{ font-size:24px; line-height:40px;border-bottom:1px solid #3eb7a3; width:300px; margin-bottom:30px;}
.footer .footer_m h2 span{font-family: impact;text-transform: uppercase; padding-left:10px;}
.footer .footer_m p{ font-size:15px; line-height:28px; margin-top:20px;}
.footer .footer_m .end_nav_a{ width:180px;}
.footer .footer_m .end_nav_a h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_a li{ font-size:15px; line-height:28px}
.footer .footer_m .end_nav_a li a{ color:#fff;}
.footer .footer_m .end_nav_a li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_b{ width:150px;}
.footer .footer_m .end_nav_b h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_b li{ font-size:15px; line-height:28px}
.footer .footer_m .end_nav_b li a{ color:#fff;}
.footer .footer_m .end_nav_b li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_c{ width:150px;}
.footer .footer_m .end_nav_c h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_c li{ font-size:15px; line-height:28px}
.footer .footer_m .end_nav_c li a{ color:#fff;}
.footer .footer_m .end_nav_c li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_d{ width:180px;}
.footer .footer_m .end_nav_d h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_d li{ font-size:15px; line-height:28px}
.footer .footer_m .end_nav_d li a{ color:#fff;}
.footer .footer_m .end_nav_d li a:hover{ font-weight:bold;}

.footer .footer_r{ width:22%; float:left; color:#fff; padding:70px 0px 70px 45px;}
.footer .footer_r h2{font-size:24px; line-height:40px;margin-bottom:43px; }
.footer .footer_r li{ width:41%; float:left; margin-right:5%;}
.footer .footer_r li img{ width:100px; height:100px;}
.footer .footer_r li em{ display:block; font-size:16px; text-align:center; line-height:28px;}

.copyright{width:100%; background:#31af9a;border-top:1px solid #3eb7a3;}
.copyright .s_width{ line-height:50px; text-align:center; color:#fff; font-size:16px;}


}

@media only screen and (min-width:1710px){ 


.about{ width:100%;margin: 60px 0 80px 0; position:relative; height:525px;}
.about .about_l{ max-width:50%; height:525px;position:absolute; left:5%;}
.about .about_l .about_img{ width:839px;height:525px;position:absolute; z-index:1; overflow:hidden;}
.about .about_l .about_img img{ width:100%; height:100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.about .about_l .about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.about .about_l .about_l_cont{ width:100px; height:100px; background:#ff7300; text-align:center; position:absolute; z-index:2; bottom:0; left:0; line-height:90px;}
.about .about_l .about_l_cont em{ color:#fff; font-size:80px; display:block;}

.about .about_r{ width:51%; background:#f2f5f8; position:absolute; right:0; height:525px; padding:50px 60px;}
.about .about_r h2{font-size: 72px;color: #31af9a;font-family: impact;margin: 20px 0 19px 0;line-height: 1;}
.about .about_r p{ font-size:16px; line-height:28px; color:#666;}
.about .about_r p span{ color:#000;font-size:35px; display:block; line-height:50px; padding-bottom:20px;}

.about .about_r .about_more{ width:100px; height:30px; background:#ff7300; text-align:center; line-height:30px; margin-top:50px;}
.about .about_r .about_more a{ color:#fff;}

.news{width:90%; margin:80px auto; height:671px; position:relative;}
.news .news_l{ width:20%; position:absolute; z-index:1; top:0; left:0;}
.news .news_l h2{color:#31af9a; font-size:65px;font-family: impact; line-height:70px;text-transform: uppercase;}
.news .news_l .tit{ font-size:35px; color:#000; padding-top:10px;}
.news .news_l ul{ margin-top:50px;}
.news .news_l li{width: 290px;height:65px;display: flex;justify-content: center;align-items: center;margin: 0 0 15px;background: #e5e5e5;color: #333;font-size: 24px;transition: 0.3s;}

.news .news_m{ width:28%; position:absolute; z-index:1; top:0; left:22%;}

.news .news_r{ width:45%; position:absolute; right:3%;}
.news .news_r li{ border-bottom: 1px dashed #e4e4e4; overflow:hidden; padding:20px 0;}
.news .news_r li:last-child{ border-bottom:0px;}
.news .news_r .news_text{ width:515px; float:left; margin-left:20px;}
.news .news_r .news_text .news_title a{ font-size:22px; color:#222121;}
.news .news_r .news_text p{ font-size:15px; padding-top:15px; color:#999999; line-height:26px;}

.news .news_r .news_date{ width:110px; float:right; }
.news .news_r .news_date em{ font-size:22px; color:#000; text-align:center; display:block;}
.news .news_r .news_date p{ background:url(../images/index-date.png) no-repeat center top; font-size:14px; color:#fff; width:108px; height:33px; line-height:33px; text-align:center;}

.case{ width:100%; height:727px; overflow:hidden; position:relative;}
.case .case_cont{ width:45%; position:absolute; right:7%; top:0; background:#fff; z-index:2}
.case .case_cont .case_head{ width:100%; height:265px; background:#31af9a; padding:30px 0 0 100px;}
.case .case_cont .case_head h2{ color:#fff; font-size:65px;font-family: impact; line-height:70px;}
.case .case_cont .case_head .tit{ font-size:35px; color:#fff; padding-top:10px;}
.case .case_cont .case_body{ padding:80px 100px 50px 100px;}
.case .case_cont .case_body h4{ font-size:35px; font-weight:normal; color:#333;}
.case .case_cont .case_body p{ font-size:16px; line-height:31px; color:#333; margin-top:30px; margin-bottom:150px;}

.case .case_cont .case_more{ width:150px; position:absolute; z-index:3; left:100px; bottom:83px;}
.case .case_cont .case_more .case_l{ width:14px; height:25px; background:url(../images/left.png) no-repeat center top; position:absolute; left:0;}
.case .case_cont .case_more .case_l:hover{background:url(../images/left-h.png) no-repeat center top}
.case .case_cont .case_more .case_r{ width:14px; height:25px; background:url(../images/right.png) no-repeat center top; position:absolute; right:0;}
.case .case_cont .case_more .case_r:hover{background:url(../images/right-h.png) no-repeat center top}

.case .case_cont .case_shuzi{ width:150px; position:absolute; right:100px; bottom:40px;  z-index:3; font-size:70px;font-family: impact; }
.case .case_cont .case_shuzi span{ color:#ff7202}


.case .case_img{ width:100%; height:727px; overflow:hidden; position:absolute; z-index:1; top:0px;}
.case .case_img img{ width:100%;}




.footer{ width:100%; background:#31af9a;}
.footer .footer_body{ width:90%; margin:0 auto;}
.footer .footer_l{ width:21%; float:left; color:#fff; padding:70px 20px 70px 0;}
.footer .footer_l h2{ font-size:24px; line-height:40px;}
.footer .footer_l p{ font-size:16px; line-height:28px; margin-top:30px;}

.footer .footer_m{ width:53%; float:left; color:#fff; padding:70px 0 70px 70px; border-right:1px solid #3eb7a3; border-left:1px solid #3eb7a3;}
.footer .footer_m h2{ font-size:24px; line-height:40px;border-bottom:1px solid #3eb7a3; width:300px; margin-bottom:30px;}
.footer .footer_m h2 span{font-family: impact;text-transform: uppercase; padding-left:10px;}
.footer .footer_m p{ font-size:16px; line-height:28px; margin-top:20px;}
.footer .footer_m .end_nav_a{ width:200px;}
.footer .footer_m .end_nav_a h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_a li{ font-size:16px; line-height:28px}
.footer .footer_m .end_nav_a li a{ color:#fff;}
.footer .footer_m .end_nav_a li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_b{ width:200px;}
.footer .footer_m .end_nav_b h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_b li{ font-size:16px; line-height:28px}
.footer .footer_m .end_nav_b li a{ color:#fff;}
.footer .footer_m .end_nav_b li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_c{ width:200px;}
.footer .footer_m .end_nav_c h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_c li{ font-size:16px; line-height:28px}
.footer .footer_m .end_nav_c li a{ color:#fff;}
.footer .footer_m .end_nav_c li a:hover{ font-weight:bold;}

.footer .footer_m .end_nav_d{ width:200px;}
.footer .footer_m .end_nav_d h3{ font-size:17px; line-height:35px; margin-bottom:10px;}
.footer .footer_m .end_nav_d li{ font-size:16px; line-height:28px}
.footer .footer_m .end_nav_d li a{ color:#fff;}
.footer .footer_m .end_nav_d li a:hover{ font-weight:bold;}

.footer .footer_r{ width:22%; float:left; color:#fff; padding:70px 0px 70px 70px;}
.footer .footer_r h2{font-size:24px; line-height:40px;margin-bottom:43px; }
.footer .footer_r li{ width:41%; float:left; margin-right:2%;}
.footer .footer_r li img{ width:120px; height:120px;}
.footer .footer_r li em{ display:block; font-size:16px; text-align:center; line-height:28px;}

.copyright{width:100%; background:#31af9a;border-top:1px solid #3eb7a3;}
.copyright .s_width{ line-height:50px; text-align:center; color:#fff; font-size:16px;}



}


.top{ width:100%; height:35px; background:#f3f3f3; line-height:35px;}
.top .top_l{ float:left; width:500px; font-size:14px;}
.top .top_r{ width:570px; float:right; font-size:14px;}
.top .top_r li{ padding:0 15px;float:left;}

/*header*/
.header{ width:100%; height:110px; overflow:hidden;}
.header .logo{ width:auto; margin-top:30px;}
.header .logo .logo_l{}
.header .logo .logo_l img{ margin-right:15px;}

.header .tel{ margin-top:24px; width:auto;font-family: impact;}
.header .tel img{ padding-top:10px;}
.header .tel span{ float:right; font-size:16px; color:#666; margin-left:5px;}
.header .tel strong{ display:block; font-size:35px; color:#31af9a;}

/*nav*/
.nav{position:relative; background:#31af9a; height:65px; width:100%;}
.nav ul{ }
.nav li{ float:left; }
.nav li a{font-size:17px;line-height:65px;color:#fff; text-align:center; text-decoration:none; display:block; padding:0 57px; }
.nav li:nth-child(7){ padding-right:0px;}
.nav li a:hover{ font-weight:bold;transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; background:#ff7300; display:block;}

.nav li div {display:none;width:280px;text-align:center;color:#fff;position:absolute;top:65px;background:#31af9a; z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);;}
.nav li div a:hover {color:#fff;  background:#ff7300; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }




/*产品展示*/
.pro{padding:25px 0 0px 0; width:100%; margin:0 auto; overflow:hidden; padding-bottom:60px; background:#31af9a;}
.pro h2{ width:1280px; margin:40px auto; text-align:center;color:#fff; font-size:65px;font-family: impact; line-height:70px;}
.pro h2 em{ display:block; color:#fff; line-height:35px; font-size:16px}
.marquee2 { width:90%; margin:0 auto; }
.marquee2 .pro_cc{ width:24%; height:auto;  float:left; margin:0 0.5% 1% 0.5%; position:relative; overflow:hidden; border:0px solid #e0e1e1;}
.marquee2 .pro_cc a:hover{ color:#029455;}
.marquee2 .chanpin_con_pic{ width:100%; height:auto; position:relative; overflow:hidden;}
.marquee2 .pro_cc img {  width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.marquee2 .pro_cc:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.marquee2 .pro_cc .chanpin_con_cc{ height:70px; width: 100%; overflow: hidden; position: relative; font: 20px "Microsoft Yahei";  background:#fff; text-align:center; line-height:70px;}
.marquee2 .pro_cc .chanpin_con_cc:hover p{ color:#029455;}



.example{ width:1280px; margin:80px auto} 
.example h2{color:#31af9a; font-size:65px;font-family: impact; line-height:70px; text-align:center;text-transform: uppercase;}
.example h2 span{ font-size:36px; color:#000; display:block; font-weight:normal;}
.example_cont{ padding-top:0px;}
#focus_Box{position:relative;width:1200px;height:490px;margin:40px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:51px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(../images/btnl.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(../images/btnr.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}

.example_tel{ width:560px; margin:50px auto 0 auto;}
.a_tel{ width:250px; height:55px; background:#31af9a; float:left;border-radius: 40px}
.a_tel img{ padding:10px 0 0 20px; float:left}
.a_tel p{ font-size:32px; color:#fff;font-family: impact; line-height:55px; }
.a_more{ width:250px; height:55px; background:#ff7300; float:right;border-radius: 40px; text-align:center;}
.a_more a{ line-height:55px; font-size:18px; color:#fff;}


/*case*/
.anli{width:100%; padding-bottom:50px;}
.anli h2{ width:1280px; margin:60px auto; text-align:center;color:#31af9a; font-size:65px;font-family: impact; line-height:70px;}
.anli h2 em{ display:block; color:#666; line-height:35px; font-size:16px};}

.case_list{ width:1280px; margin:0 auto;}
.case_list .case_list_l{width:275px;}
.case_list .case_list_l .case_list_l_tit{ width:275px; background:#13af61; height:165px; overflow:hidden}
.case_list .case_list_l .case_list_l_tit h3{ background:url(../images/images/l.jpg) no-repeat center top 50px; height:165px; font-size:30px; color:#fff; text-align:center; padding-top:30px;}
.case_list .case_list_l .case_list_l_tit h3 em{ display:block; font-size:16px; font-weight:normal; padding-top:15px; }
.case_list .case_list_l .case_list_l_cont{ background:#0da157;}
.case_list .case_list_l .case_list_l_cont li{ padding-left:40px; line-height:50px; border-bottom:1px solid #16b063;}
.case_list .case_list_l .case_list_l_cont li a{ color:#fff; font-size:16px;}
.anli_con{ padding:0px 0 34px 0; width:1280px; margin:0 auto; overflow:hidden;}
.anli_con li{float:left; padding:0; width:415px; height:425px; margin-right:17px; margin-bottom:15px; position:relative; overflow:hidden;  background:#e9e8e8}
.anli_con .old img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.anli_con li:hover .old img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.anli_con .cp_xq{ width:380px; position:absolute; left:50%; margin-left:-190px; height:210px;  line-height:30px; color:#fff; font-size:15px; background:rgba(49,175,154,0.8); top:65px; opacity:0; }
.anli_con .cp_xq h3{ font-size:30px; text-align:center; color:#fff; padding:30px 0 25px 0}
.anli_con .cp_xq p{ margin:10px 20px; padding:20px 15px; border:1px solid rgba(255,255,255,0.3); color:#fff; text-align:center;}
.anli_con .cp_xq  div{ padding:15px 0 0 0; text-align:center}

.anli_con li:hover .cp_xq{ opacity:1;
	animation: categorytextanimate5 1s;
	-moz-animation: categorytextanimate5 1s;
	-webkit-animation: categorytextanimate5 1s;
	-o-animation: categorytextanimate5 1s;
}
@keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg); }
}
@-moz-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}


.anli_con .old{ width:415px; height:330px; margin:0px auto 0 auto;  position:relative; overflow:hidden;}
.anli_con p{ color:#dd2a54; padding:6px 0 0 0}
.anli_con p a{ color:#333; display:block; text-align:center; font-size:22px; line-height:45px;}
.anli_con p span{ display:block; background:url(../img/xx.png) no-repeat center center; font-size:16px; color:#826971; text-align:center;}


.adv{ width:100%; background:url(../images/adv.jpg) no-repeat center top; height:520px; background-attachment: fixed; background-size: cover;}
.adv p{text-align:center; padding:110px 0 0 0; font-size:23px; line-height:60px; color:#fff;}
.adv p span{ font-size:18px; display:block; letter-spacing:10px;}
.adv p strong{ font-size:50px; display:block; line-height:80px;}
.adv p img{ display:block; width:70px; height:69px; margin:30px auto 0 auto;}






/*网站内页*/
.neiye_pic{ width:100%; height:450px; overflow:hidden; position:relative}
.neiye_pic img{ width:100%; position:absolute; z-index:1; overflow:hidden;}
.neiye_pic h2{ position:absolute; z-index:2; top:36%; left:10%;font-size: 72px;color: #31af9a;font-family: impact;margin:0px 0 19px 0;line-height: 1; width:90%; }
.neiye_pic h2 span{ display:block; font-size:43px; color:#fff; padding-top:10px; font-weight:normal;}

/*公司简介内页*/
.nyabout_list{ width:1280px; margin:50px auto 50px auto; height:45px;}
.pro_type{float:left; text-align:center; position:relative; height:47px}
.pro_type a{color: #333;border-radius: 20px;border: 1px solid #e8eaea;line-height: 47px;text-align: center;display: block;padding: 0 57px; font-size:18px; margin-right:22px}
.pro_type a:hover{background:#ececec;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; color:#148d7c; }
#cage_list_a a{height:50px; line-height:50px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;}
#cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFF00; }
.pro_type .child_menu{position:absolute;top:100%;left:-16px;overflow:hidden;z-index:99999;height:0;width:275px; }

.pro_type .child_menu a{ font-size:16px; font-weight:normal; line-height:40px;border:0; background:#31af9a; margin-bottom:1px;border-radius: 0px; color:#fff; }
.pro_type .child_menu a:hover{background:#ff7300; color:#fff;}

#cage_list_a a{height:45px; line-height:45px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;}
#cage_list_a a:hover{background:#ff7300; font-weight:bold; font-size:18px; color:#FFFF00; }



.espcms_page_location{width: 100%;height: 50px;line-height: 50px;font-size: 16px; border-bottom:1px solid #f3f3f3;}
.espcms_page_location p{ text-align:left}
.espcms_page_location p a{ color:#333;}


.main{ width:1280px; margin:50px auto 100px auto;}
.main p{ font-size:16px; line-height:28px; margin-bottom:15px; color:#666;}
.main img{text-indent:0em;}

/*产品展示*/
.se_case{ width:1280px; margin:0 auto;padding:50px 0 0 0 }
.se_case ul{margin:0 auto; }

.se_case li{ width:384px; float:left; margin:0 20px 40px 20px;  cursor:pointer; overflow:hidden; border:1px solid #edebeb;}
.se_case_pic{ width:384px; margin:0 auto; overflow:hidden; height:288px;  background:#fff;}
.se_case_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_case_text{ width:100%; margin:0 auto; padding:10px 20px 10px 20px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.se_case_text h3{ font-size: 18px;line-height:45px;color: #333; font-weight:normal; text-align:center;}
.se_case_text h3:hover{ color:#31af9a;}


.fenye{ padding:20px 0 40px 0; font-size:14px; text-align:center;}
.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}
#pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px;}
.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:14px;margin: 0px;}
/*按钮色彩样式*/
.pagination a {border: #c2e2e7 1px solid;color: #444;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #029453;overflow: hidden;}
.pagination span.current {color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #ff7e09;}


.about_nr{ width:1280px; margin:0 auto; background:#f8f8f8}
.about_nr_tit{ padding:50px; width:1280px; margin:0 auto;}text-align:center;
.about_nr_tit h3{ text-align:center; font-size:45px; font-weight:normal; color:#e01827}
.about_zt{ padding:0px 30px 80px 30px; font-size:16px; line-height:31px;}
.about_zt p{text-indent:2em;}
.pro_zt{ padding:0px 30px 80px 30px; font-size:16px; line-height:31px;}

.erji_news_tit{margin:0 auto; padding-top:50px;}
.erji_news_tit h2{ font-size:25px;text-align:center;  line-height:50px; font-weight:normal;}
.erji_news_tit .se_date{border-bottom:1px solid #e8e8e8; text-align:center; margin-bottom:45px; line-height:30px; font-size:14px;}


.ny_pro_tit{width: 1280px; margin:0 auto; padding-top:60px;}
.ny_pro_tit h2{ font-size:30px;text-align:center;  line-height:70px; font-weight:normal; color:#fff;}
.ny_pro_tit .se_date{border-bottom:1px solid #343333; text-align:center; margin-bottom:45px; line-height:30px; color:#fff;}
.ny_pro_xinwen{ width:1280px; margin:0 auto; font-size:15px; line-height:32px; padding-bottom:30px;}
.ny_pro_xinwen p{ padding-bottom:10px;}
.ny_proerji_img{ min-width:700px;}


.espcms_page{width:1280px;overflow: hidden;margin: 0 auto;}
.espcms_book{overflow: hidden; font-size:15px; margin-bottom:30px; border:1px solid #eee; padding:20px; background:#fff}
.espcms_newslist_read{padding:0px 5px;}
.espcms_newslist_read li{float: left;width:48%;padding:20px 0px 5px 8px;overflow: hidden;}


/*内页新闻动态*/
.erji_news{ width:1280px; margin:0 auto; padding-top:30px;}
.erji_news ul{position:relative; padding:0 20px;}
.erji_news li{ margin-bottom:20px; margin-right:10px; border:1px solid transparent;float:left; position:relative;top:10px;cursor: pointer;background: #f3f3f3; }
.erji_news li:nth-child(2n){}
.erji_news li.hover{background:#ff7300;box-shadow: 0 6px 10px 5px rgba(0,0,0,.08); border:none;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.erji_news_cont{ width:100%;  }
.erji_news_pic{ float:left;border:0px solid #e4e3e3; padding:7px;}
.erji_news_r{ float:right; background: #fff; padding-left:20px; height:177px; padding-right:20px; width:1000px;}
.erji_news_r:hover{ background:#f3f3f3;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.erji_news_r .erji_news_t{line-height:40px; }
.erji_news_r .erji_news_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#555;}
.erji_news_data{font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0}
.erji_news_info{ font-size:14px; color:#777; line-height:26px;}

.erji_news_tit{margin:0 auto;}
.erji_news_tit h2{ font-size:30px;text-align:center;  line-height:70px; font-weight:normal;}
.erji_news_tit .se_date{border-bottom:1px solid #e8e8e8; text-align:center; margin-bottom:45px; line-height:30px; font-size:15px; color:#666;}
.nynews_cont{ font-size:16px; line-height:31px;color:#666;}
.nynews_cont p{ padding-bottom:15px;}

.nynews_list{ width:630px; margin:30px auto; height:26px;}
.nynews_list ul{}
.nynews_list li{ font-size:16px; width:130px; float:left; height:45px;border-radius: 20px;border: 1px solid #f7ac1d; text-align:center; font-size:16px; line-height:45px; margin-right:22px;}
.nynews_list li a{ color:#f7ac1d;}
.nynews_list li a:hover{background: #f7ac1d; color: #fff; display:block;border-radius: 20px;}


.ny_contact{ width:1280px; margin:0 auto; padding:50px 0; overflow:hidden;}
.ny_contact_l{ width:545px; padding-top:15px;}
.ny_contact_l h3{font-family: times new roman,times,serif; font-size:36px;}
.ny_contact_l span{ font-size:14px; color:#666; line-height:20px; padding-top:15px; display:block;}
.ny_contact_l p em{ font-weight:bold; font-size:17px; color:#f00;}
.ny_contact_l p{ padding-top:30px; font-size:16px; line-height:31px;}
.ny_contact_img{ padding-top:30px;}
.ny_contact_img li{ float:left; margin-right:15px;}
.ny_liuyan{ width:703px; background:#f4f4f4}